<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<!-- 
 - FreiDi-scoreFollowsAudio
 - Copyright verovio
 - 
 - ## Description & License
 - 
 - This file is based on http://rism-ch.github.io/verovio/hello-mei-world.html
 -
 - please see corresponding copyright information there.
 -
-->
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Hello MEI World!</title>
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="description" content="index page for tests / demos"/>
    <meta name="author" content="Benjamin W. Bohl"/>
    
    <link rel="stylesheet" href="http://www.freischuetz-digital.de/styles/bootstrap.css"/>
    <link rel="stylesheet" href="http://www.freischuetz-digital.de/styles/bootstrap-responsive.css"/>
    <link href="http://www.freischuetz-digital.de/styles/bootswatch.css" rel="stylesheet"/>
    <link href="http://www.freischuetz-digital.de/styles/freidi.css" rel="stylesheet"/>
    <link href="http://www.freischuetz-digital.de/styles/ptsans.css" rel="stylesheet"/>
    
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.freischuetz-digital.de/pix/freidi_icon_144.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.freischuetz-digital.de/pix/freidi_icon_114.png"/>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.freischuetz-digital.de/pix/freidi_icon_72.png"/>
    <link rel="apple-touch-icon-precomposed" href="http://www.freischuetz-digital.de/pix/freidi_icon_57.png"/>
    <link rel="shortcut icon" href="http://www.freischuetz-digital.de/pix/freidi_favicon.png"/>
    
    <script src="verovio-toolkit.js" type="text/javascript" ></script>
    <!-- We also use jQuery for this example -->
    <script src="../dist/bower.js" type="text/javascript" ></script>	
  </head>
  <body  data-spy="scroll" data-target="#navbar" data-offset="30">
    <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
        <a class="brand" href="/index.html">Freischütz<br/>
          <small>Digital</small>
        </a>
        <ul class="nav">
          <li class="active">
            <a href="http://www.freischuetz-digital.de/index.html">Project Website</a>
          </li>
          <li>
            <a href="https://github.com/Freischuetz-Digital/">GitHub Repository</a>
          </li>
        </ul>
      </div>
    </div>
    </div>
    <div id="content" class="container">
      <div id="figure-top" class="figure visible-desktop">
        powered by:
        <a href="http://www.verovio.org"><img src="http://rism-ch.github.io/verovio/images/verovio-fadded-50.png" width="147" alt="verovio logo"/></a>
      </div>
      <header id="overview" class="jumbotron subhead">
        <div class="row" style="min-height: 0;">
          <div class="span8">
            <img style="margin: 40px 0 0 3px;" src="http://www.freischuetz-digital.de/pix/Logo_greenInset.png"/>
          </div>
          <div class="span4"> </div>
        </div>
        <div id="navbar" class="subnav">
          <ul class="nav nav-pills">
            <li id="nav_home">
              <a href="index.html">Description</a>
            </li>
            <li id="nav_facs">
              <a href="facsimile.xhtml">Facsimile Demo</a>
            </li>
            <li id="nav_vrvTest">
              <a href="verovio-test.html">Verovio Test</a>
            </li>
            <li id="nav_rend">
              <a href="rendering.xhtml">Rendering Demo</a>
            </li>
            <li id="nav_code">
              <a href="https://github.com/Freischuetz-Digital/scoreFollowsAudio">Code</a>
            </li>
            <li id="nav_issues">
              <a href="https://github.com/Freischuetz-Digital/scoreFollowsAudio/issues">Issue tracker</a>
            </li>
          </ul>
        </div>
        <div id="backlink" style="display:none;">
          <a href="#" onclick="nav_back(); false;">zurück</a>
        </div>
      </header>
      <div class="row-fluid">
        <div class="span12">
          <!-- The div where we are going to insert the SVG -->
          <div id="output"/>
        </div>
      </div>
      
    </div>
    <script type="text/javascript">
		  var vrvToolkit = new verovio.toolkit();
		  /* Load the file using a HTTP GET */
		  $.get( "examples/hello-world/Haydn_StringQuartet_Op1_No1-p1.mei", function( data ) {
		    var svg = vrvToolkit.renderData( data + "\n", JSON.stringify({ inputFormat: 'mei',ignoreLayout: 1, scale: 50 }) );
		    $("#output").html(svg);
		  });
		</script>
  </body>
</html>